<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

<meta http-equiv="x-ua-compatible" content="IE=EmulateIE7" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<title></title>
<link rel="stylesheet" type="text/css" href="../common/images/lib/jeasyui/themes/default/easyui.css" />
<link rel="stylesheet" type="text/css" href="../common/images/lib/jeasyui/themes/icon.css" />
<script type="text/javascript" src="../common/images/lib/jeasyui/jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="../common/images/lib/jeasyui/jquery.easyui.min.js"></script>
<script type="text/javascript" src="../common/images/lib/jeasyui/locale/easyui-lang-zh_CN.js"></script>
<script>
$(function(){
	
})
</script>
</head>
<body class="easyui-layout"> 
      <script>
      manage={};
      manage.cpanel={
      	manageURL:"system/syscache/manage.jsp",
      	add:function(title/*标题 string*/,optstrs /*panel参数 object*/)
      	{	
		var opts = $.parseJSON(optstrs);
      		alert(opts.href);
      		if($("#contenttabs").tabs("exists",title))
      		{
      			$("#contenttabs").tabs("select",title);
      		}else
      		{
      			$("#contenttabs").tabs("add", $.extend({},opts,{title:title}) );
      			//$("#contenttabs").tabs("select",title);
      		}
      	}
      }
      $(function(){
      	  // var obj = jQuery.parseJSON('{"name":"John","b":{"a":"avalue"}}'); 
		  // alert( obj.b.a);
      	   //manage.cpanel.add("我的panel",'{"href":"system/syscache/manage.jsp"}') 
      })
      
      </script>
<div id="logindlg" inline="true" closable="false"  closed="true"  modal="true" class="easyui-dialog" title="请先登录系统" style="width:350px;height:180px;" shadow="true" buttons="#dlg-buttons">
  <form style="padding:10px 20px 10px 40px;">
    <table width="100%" border="0" cellspacing="2" cellpadding="2">
      <tr>
        <td>用户名</td>
        <td><input class="easyui-validatebox" type="text"  style="width:200px" required="true"/></td>
      </tr>
      <tr>
        <td>密码</td>
        <td><input class="easyui-validatebox" type="password" style="width:200px" required="true"/></td>
      </tr>
    </table>
    <div id="dlg-buttons" style="padding:5px;text-align:center;" > 
    <a href="#" class="easyui-linkbutton" icon="icon-ok">登录</a>
     <a href="#" class="easyui-linkbutton" icon="icon-cancel">退出</a> 
     </div>
  </form>
</div>
<div region="north" border="false" split="true" style="height:40px;padding:10px;">
  <p>spc后台管理系统 SPC 控制面板</p>
  <input type="button" 
  onclick="A('1','2')"/>
</div>
<div region="south" border="false" split="true" style="height:40px;padding:10px;background:#efefef;">
状态栏
</div>
<div region="west" split="true" title="管理菜单" style="width:280px;padding1:1px;overflow:hidden;">
  <div class="easyui-accordion" fit="true" border="false">
    <div title="功能导航条" selected="true" icon="icon-reload">
    <ul class="easyui-tree" animate="true" dnd="true">
        <li icon="icon-reload"><span onclick="null">系统相关</span><ul>
                <li><span onclick="null">系统管理</span><ul>
                        <li><span onclick="null">缓存管理</span></li>
                    </ul></li>
            </ul></li>
    </ul>
    </div>
  </div>	
</div>
<div region="center" title="当前用户：【】" style="overflow:hidden;">
  <div id="contenttabs" class="easyui-tabs" fit="true" border="false">
    <div title="Tab1" style="padding:20px;overflow:hidden;">
      <div style="margin-top:20px;">
        <h3>jQuery EasyUI framework help you build your web page easily.</h3>
        <li>easyui is a collection of user-interface plugin based on jQuery.</li>
        <li>using easyui you don't write many javascript code, instead you defines user-interface by writing some HTML markup.</li>
        <li>easyui is very easy but powerful.</li>
      </div>
    </div>
    <div title="Tab2" closable="true" style="padding:20px;">This is Tab2 width close button.</div>
    <div title="Tab3" icon="icon-reload" closable="true" style="overflow:hidden;padding:5px;">
      <table id="tt2">
      </table>
    </div>
  </div>
</div>
</body>
</html>
<!--JTBC(2.0), Processed in 265 ms-->